
<template>
  <view>
  <view class="detail">
    <view class="line">  <view class="title"> 预约单号:</view>12345 </view>
   <view class="line">  <view class="title"> 预约人:</view>12345 </view>
   <view class="line">  <view class="title"> 发布时间:</view>12345 </view>
   <view class="line">  <view class="title"> 预约时间:</view>12345 </view>
   <view class="line">  <view class="title"> 预约房源:</view>12345 </view>
   <view class="line">  <view class="title"> 联系电话:</view>12345 1234 1234 </view>
  </view>
  <view class="appPng-warp" bindtap="changeTab"> 
      <view class="appPng"> </view>
    </view>
</view>
</template>
<script> 
export default { 
  data() {
    return {
       list: new Array(10).fill(0)
    };
  },
  mounted() {},
  methods: {
    doList() {},
  },
};
</script>  

<style> 
 .line{
  display: FLEX;
  height: 40px;
  padding: 10px 20px;
  margin: 0 10px;
  border-bottom: 1px solid #eee;
}
.detail>.line:last-child{
  border-bottom: 0px solid #eee;
}
.title{
  margin-right: 0px;
  color: #ccc;
  width: 64px;
  text-align: justify;
  text-justify: distribute-all-lines;
  text-align-last: justify;
}
.appPng-warp{
  margin-top: 40px;
}
</style>